<div class="aside">
    <div class="aside-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="aside-nav">
            {notempty name="__NAV__.menu"}
                {volist name="__NAV__.menu" id="menu"}
                    <li>
                        <a href="{$menu.name|url}" class='{in name="menu.id" value="$__NAV__.pids"}active{/in}'><i class="fa {$menu.icon|default='fa-angle-right'}"></i> {$menu.title} <span>{notempty name="menu.child"}<i class="fa fa-angle-left"></i>{/notempty}</span></a>
                        {notempty name="menu.child"}
                            <dl {in name="menu.id" value="$__NAV__.pids"}style="display:block"{/in}>
                                {volist name="menu.child" id="vo"}
                                    <dd><a href="{$vo.name|url}" class='{in name="vo.id" value="$__NAV__.pids"}active{/in}'><i class="fa {$vo.icon|default='fa-angle-right'}"></i> {$vo.title}</a></dd>
                                {/volist}
                            </dl>
                        {/notempty}
                    </li>
                {/volist}
            {/notempty}
        </ul>
    </div>
</div>